<p class="com-title">
	消费明细
</p>
<div id="userCenterTabs" class="HuiTab uc-tabs">
  	<div class="tabBar clearfix">
  		<span>消费记录</span>
  		<span>充值记录</span>
  	</div>
  	<div class="tabCon">
  		<div class="no-record">
  			<i class="Hui-iconfont Hui-iconfont-shenhe-weitongguo c-danger"></i>
  			<p>您还没有消费记录</p>
  			<p><a>1、您可以点这里查看安通厂房网有哪些付费服务</a></p>
  			<p><a href="#/recharge" class="c-success">2、点这里充值，充值后更方便的使用安通厂房网付费服务，提升效果！</a></p>
  		</div>
	  	<table class="table table-border table-bordered table-hover table-striped mt-30">
			<thead class="text-c">
		    	<tr>
		    		<th>流水号</th>
		    		<th width="40%">事项</th>
		    		<th>交易金额</th>
		    		<th>时间</th>
		    	</tr>
		  	</thead>
		  	<tbody>
				<tr class="text-c">
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr class="text-c">
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
		  	</tbody>
		</table>
  	</div>
  	<div class="tabCon">
  		<div class="no-record">
  			<i class="Hui-iconfont Hui-iconfont-shenhe-weitongguo c-danger"></i>
  			<p>您还没有充值记录</p>
  			<p><a>1、您可以点这里查看安通厂房网有哪些付费服务</a></p>
  			<p><a href="#/recharge" class="c-success">2、点这里充值，充值后更方便的使用安通厂房网付费服务，提升效果！</a></p>
  		</div>
	  	<table class="table table-border table-bordered table-hover table-striped mt-30">
			<thead class="text-c">
		    	<tr>
		    		<th>流水号</th>
		    		<th width="40%">事项</th>
		    		<th>交易金额</th>
		    		<th>时间</th>
		    	</tr>
		  	</thead>
		  	<tbody>
				<tr class="text-c">
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr class="text-c">
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
		  	</tbody>
		</table>
  	</div>
</div>

<script type="text/javascript">
	$("#userCenterTabs").Huitab({
		index:0
	});
</script>